<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>案例</title>
		<link href="public/css/base.css" rel="stylesheet" type="text/css" />
		<link href="public/css/common.css" rel="stylesheet" type="text/css" />
		<link href="public/css/skin-white.css" rel="stylesheet" type="text/css" />
		<link href="public/css/royalslider.css" rel="stylesheet" type="text/css" />
		<link href="public/css/iconfont.css" rel="stylesheet" type="text/css" />
		<link href="public/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div class="fade">
			<!--Header-->
			<header class="header">
				<a href="javascript:;" id="nav-trigger" class="nav-toggle">
					<span></span>
					<span></span>
					<span></span>
				</a>
				<div class="container">
					<div class="logo fl">
						<a href="index.html"></a>
					</div>
					<div class="page-overlay fr">
					    <div class="nav fl">
					        <ul>
						        <ul class="nav navbar-nav navbar-right">
							        <li><a href="case.html">案例</a><i class="fa fa-telegram fa-2x"></i></li>
							        <li><a href="service.html">服务</a><i class="fa fa-laptop fa-2x"></i></li>
							        <li><a href="about.html">关于</a><i class="fa fa fa-user-circle-o fa-2x"></i></li>
							        <li><a href="news.html">动态</a><i class="fa fa-newspaper-o fa-2x"></i></li>
							        <li><a href="blogs.html">研究</a><i class="fa fa-tachometer fa-2x"></i></li>
						        </ul>
					        </ul>
					    </div>
  				    </div>
				</div>
			</header>
			<!-- 首页Banner-->
			<section class="base-banner case-banner"></section>
			
			<!-- 案例 nav -->
			<section class="case-nav">
				<ul>
				    <li class="current"><a href="###">全部</a></li>
				    <li><a href="###">网站</a></li>
				    <li><a href="###">移动app</a></li>
				    <li><a href="###">软件界面</a></li>
				    <li><a href="###">互联网产品</a></li>
				    <li><a href="###">电子商务</a></li>
				    <li><a href="###">品牌&amp;平面</a></li>
				</ul>
			</section>
			<!-- 首页 case 案例-->
			<section class="case-wrap all-case">
				<div class="case">
					<ul class="case-list container clearfix">
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case1.jpg" alt="" /></a>
							</div>
							<p><a href="###">海尔云图</a></p>
							<span>互联网大数据的聚合平台</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case2.jpg" alt="" /></a>
							</div>
							<p><a href="###">iPin图片社区</a></p>
							<span>与好友一起分享美好回忆</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case3.jpg" alt="" /></a>
							</div>
							<p><a href="###">金蝶 · 小嘀嗒</a></p>
							<span>移动互联网时代最佳协作平台</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case4.jpg" alt="" /></a>
							</div>
							<p><a href="###">懒熊体育</a></p>
							<span>懒熊体育响应式平台用户体验设计与开发</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case5.jpg" alt="" /></a>
							</div>
							<p><a href="###">腾讯文化专题</a></p>
							<span>腾讯文化—思想文化高地</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case6.jpg" alt="" /></a>
							</div>
							<p><a href="###">istar爱星光</a></p>
							<span>明星，就在爱星光，最全明星资料库</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case7.jpg" alt="" /></a>
							</div>
							<p><a href="###">零担速配</a></p>
							<span>通过互联网改造传统物流业，提高物流速度、节约物流成本</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case8.jpg" alt="" /></a>
							</div>
							<p><a href="###">律生活</a></p>
							<span>互联网在线法律服务提供商</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case9.jpg" alt="" /></a>
							</div>
							<p><a href="###">Jackery app</a></p>
							<span>Provides iPhone battery insights</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case10.jpg" alt="" /></a>
							</div>
							<p><a href="###">捣药兔APP</a></p>
							<span>更美健康购药攻略</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case11.jpg" alt="" /></a>
							</div>
							<p><a href="###">微健智能跑步机应用</a></p>
							<span>和好友随时约跑，竞赛跑到让你身临其境</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case12.jpg" alt="" /></a>
							</div>
							<p><a href="###">优品汇手机助手</a></p>
							<span>面向Android系统的应用商店客户端</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case13.jpg" alt="" /></a>
							</div>
							<p><a href="###">凤凰网专题设计</a></p>
							<span>凤凰网2014年专题设计汇集</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case14.jpg" alt="" /></a>
							</div>
							<p><a href="###">我开始健身</a></p>
							<span>跟视频做最潮的健身动作，练出好身材</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case15.jpg" alt="" /></a>
							</div>
							<p><a href="###">米豆教育</a></p>
							<span>通过米豆式学习体验获得成功的高起点</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case16.jpg" alt="" /></a>
							</div>
							<p><a href="###">趣逛地图</a></p>
							<span>提升室内经验的导航软件</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case17.jpg" alt="" /></a>
							</div>
							<p><a href="###">樱花丝绸</a></p>
							<span>简约时尚的樱花丝绸时装</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case18.jpg" alt="" /></a>
							</div>
							<p><a href="###">nicedesign插画集</a></p>
							<span>nicedesign插画集合全浏览</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case19.jpg" alt="" /></a>
							</div>
							<p><a href="###">广联达G+</a></p>
							<span>广联达G+工作台，更多功能更好服务</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case20.jpg" alt="" /></a>
							</div>
							<p><a href="###">模块智能体</a></p>
							<span>模块智能体地面控制显示平台</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case21.jpg" alt="" /></a>
							</div>
							<p><a href="###">数派金融—少数派报告</a></p>
							<span>集贵金属和外汇投资行业一体化服务软件</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case22.jpg" alt="" /></a>
							</div>
							<p><a href="###">Triace提案设计</a></p>
							<span>中国骑行运动普及与领航者</span>
						</li>
						<li>
							<div class="case-list-pic">
								<a href="###"><img src="public/images/case23.jpg" alt="" /></a>
							</div>
							<p><a href="###">团车网</a></p>
							<span>中国最大最专业的汽车团购门户网站</span>
						</li>
					</ul>
				</div>
			</section>
			<!-- Footer -->
			<footer class="footer">
				<div class="container clearfix">
					<div class="footer-main">
						<div class="foot_logo fl">
							<img src="public/images/foot_logo.png" title="">
							<p>设计和技术创造极致用户体验</p>
						</div>
						<div class="help-wrap">
							<ul class="help-list">
								<li><p>我们</p></li>
								<li><a href="###">服务项目</a></li>
								<li><a href="###">关于我们</a></li>
								<li><a href="###">新闻动态</a></li>
								<li><a href="###">加入我们</a></li>
								<li><a href="###">联系我们</a></li>
							</ul>
							<ul class="help-list">
								<li><p>案例</p></li>
								<li><a href="###">全部</a></li>
								<li><a href="###">网站</a></li>
								<li><a href="###">移动app</a></li>
								<li><a href="###">桌面软件</a></li>
								<li><a href="###">品牌及平面</a></li>
							</ul>
							<ul class="help-list">
								<li><p>方案</p></li>
								<li><a href="###">移动互联网</a></li>
								<li><a href="###">在线金融</a></li>
								<li><a href="###">传统企业转型</a></li>
								<li><a href="###">医疗健康</a></li>
								<li><a href="###">创业服务</a></li>
							</ul>
							<ul class="help-list">
								<li><p>发现</p></li>
								<li><a href="###">合作伙伴</a></li>
								<li><a href="###">研究</a></li>
								<li><a href="###">nice实验室</a></li>
								<li><a href="###">留言板</a></li>
								<li><a href="###">友情链接</a></li>
							</ul>
							<ul class="business help-list">
								<li><p>商务合作</p></li>
								<li><a href="1138659665@qq.com">邮箱：1138659665@qq.com</a></li>
								<li>手机：13177868246</li>
								<li>座机：（+86）010-57281080</li>
								<li>QQ：1138659665<!--<a href="tencent://message/?uin=949677513&Site=在线咨询&Menu=yes" class="jiaotan"><i class="qq"></i>点击交谈</a>-->
									<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1138659665&amp;site=qq&amp;menu=yes" target="_blank">
										<i class="qq"></i>点击交谈
									</a>
								</li>
								<li>地址：我也忘了</li>
							</ul>
						</div>
						
					</div>
					<div class="copy">
						<div class="personal">
							<a href="###" target="_blank"><i class="iconfont icon-iconfontweibowukuang"></i></a>
							<a href="###" class="wx"><i class="iconfont icon-weixin"></i></a>
							<a href="###" target="_blank"><i class="iconfont icon-dribbble"></i></a>
							<a href="###" target="_blank"><i class="iconfont icon-zhanku"></i></a>
							<a href="###" target="_blank"><i class="iconfont icon-behance"></i></a>
						</div>
						<p>Copyright ©  2010-2016 nicedesign  京ICP备15000202号-5 </p>
					</div>
				</div>
			</footer>
			<div class="eject">
				<div class="layer"></div>
				<div class="pop">
					<dl>
						<dd><img src="public/images/wx.png"></dd>
						<dt>扫描二维码关注：One丶</dt>
						<dt><a href="javascript:void(0)" class="close">确 认</a></dt>
					</dl>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="public/js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="public/js/common.js"></script>
		<script type="text/javascript" src="public/js/jquery.royalslider.min.js?v=9.3.6"></script>
		<script type="text/javascript">
            $('#full-width-slider').royalSlider({
                arrowsNav: true,
                loop: false,
                keyboardNavEnabled: true,
                controlsInside: false,
                imageScaleMode: 'fill',
                arrowsNavAutoHide: true,
                autoScaleSlider: true,
                autoScaleSliderWidth: 960,
                autoScaleSliderHeight: 350,
                controlNavigation: 'bullets',
                arrowsNav:'false',
                thumbsFitInViewport: false,
                navigateByClick: false,
                startSlideId: 0,
                autoPlay: false,
                transitionType: 'move',
                globalCaption: true,
                deeplinking: {
                    enabled: true,
                    change: false
                },
                imgWidth: 2560
                // imgHeight: 750
            });
	    </script>
	    <script>
		    // $('body').show();
		    // $('.version').text(NProgress.version);
		    // NProgress.start();
		    // setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 5);
		</script>

	</body>
</html>
